Skullcat

<Skullcat w='128px' />

Header

<Header px={3}><h1>Trying to make the web: fast, readable, and easy to navigate.</h1></Header>

Card

<Card 
w={1}
href="http://tachyons.io"
title="A sample card title"
text="Duis vel hendrerit dolor, quis pharetra orci. Proin eu faucibus eros, in imperdiet lacus. Vivamus neque ipsum, eleifend at tortor quis, venenatis hendrerit ante. Aliquam dolor diam, venenatis scelerisque lacus vel, egestas pharetra quam."
image="https://mrmrs.github.io/photos/u/004.jpg"
/>

Footer

Made with

<Footer />

LogoLab

<LogoLab />

Img

<Img mb={3} src="http://mrmrs.github.io/photos/011.jpg" />

NavLink

<NavLink>Home</NavLink>

H1

<H1 fontSize={7}>Trying to make the web: fast, readable, and easy to navigate.</H1>

H2

<H2>THE VEIL OF IGNORANCE</H2>

H3

<H3>UI development as a first-class citizen</H3>

H4

<H4>What is a component?</H4>

P

<P fontSize={4}>Everything is a component. A link is a component. A text input with a label is a component. A modal is a component. A page is a component. Components can be composed of other components.</P>

Flexbox

<Flexbox>Hello</Flexbox>

Div

<Div>Hello</Div>

Link

<Link>Hello</Link>

TextLink

<TextLink>Hello</TextLink>

AspectRatio

<AspectRatio>Hello</AspectRatio>

AspectRatioObject

Container

<Container>Hello</Container>

Nav

<Nav>Hello</Nav>

Ul

<Ul>Hello</Ul>

ListItem

<ListItem>Hello</ListItem>

LinkListItem

<LinkListItem py={3} text="Hello" />

Span

<Span>Hello</Span>

Svg

<Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
  <path fill="currentColor" d="M16 7 C13 7 2 9 2 16 C2 23 6 23 10 24 L11 28 L12 26 L20 26 L21 28 L22 24 C26 23 30 23 30 16 C30 9 19 7 16 7 M4 18 A4 4 0 0 1 12 18 A4 4 0 0 1 4 18 M20 18 A4 4 0 0 1 28 18 A4 4 0 0 1 20 18 "/>
</Svg>